<!-- Footer -->

<div class="base-footer">
	<div class="footer-menu">
    	<div class="container">
        	<div class="footer-socmed">
            	<ul>
                	<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                	<li><a href="#"><i class="fa fa-twitter"></i></a></li>                    
                	<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                </ul>	
            </div>
            <div class="footer-link">
            	<div class="footer-logo"><img src="<?php echo base_url(); ?>assets/img/logo-footer.png"></div>
                <div class="left">
                	<ul>
                    	<li><a href="#">Cars</a></li>
                        <li><a href="#">News</a></li>
                        <li><a href="#">Dealer</a></li>
                        <li><a href="#">Owners</a></li>
                        <li><a href="#">Career</a></li>
                    </ul>
                </div>
                <div class="right">
                	<ul>
                    	<li><a href="#">Contact Us</a></li>
                        <li><a href="#">Terms &amp; Conditions</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
	<div class="footer-copy">
    	<div class="container">
            All rights reserved 2015 <span>hondamobils.com</span>
    	</div>
    </div>
    	
</div>

<!-- /Footer -->

</div> <!-- close sb-site -->


<!-- Mobile Menu -->

<div class="sb-slidebar sb-right m-navbar">
	<div class="menu-block">
       
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
      		<ul class="menu-m-list">
                <li>
                    <div class="panel">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                            	<a href="#">Cars</a>
                                <a data-toggle="collapse" data-parent="#accordion" href="#mcars" class="sub-toggle" aria-expanded="false" aria-controls="cars">
                                	<i class="fa fa-caret-down"></i>
                                </a>
                            </h4>
                        </div>
                        <div id="mcars" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                            <div class="panel-body">
                                <ul>
                                    <li><a href="#">Submenu 1</a></li>
                                    <li><a href="#">Submenu 2</a></li>
                                    <li><a href="#">Submenu 3</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a href="#">News</a>
                                <a data-toggle="collapse" data-parent="#accordion" href="#news" class="sub-toggle" aria-expanded="false" aria-controls="news">
                                	<i class="fa fa-caret-down"></i>
                                </a>
                            </h4>
                        </div>
                        <div id="news" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                            <div class="panel-body">
                                <ul>
                                    <li><a href="#">Submenu 1</a></li>
                                    <li><a href="#">Submenu 2</a></li>
                                    <li><a href="#">Submenu 3</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a href="#">Dealer</a>                                
                            </h4>
                        </div>
                    </div>
                </li> 
                <li>
                    <div class="panel">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a href="#">Owners</a>
                            </h4>
                        </div>
                    </div>
                </li> 
                <li>
                    <div class="panel">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a href="#">Career</a>
                            </h4>
                        </div>
                    </div>
                </li> 
                <li>
                    <div class="panel">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a href="#">Contact</a>
                            </h4>
                        </div>
                    </div>
                </li>           	
                <li class="divider"></li>
                <li>
                    <div class="panel">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a href="#">Terms &amp; Conditions</a>
                            </h4>
                        </div>
                    </div>
                </li> 
                <li>
                    <div class="panel">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a href="#">Privacy Policy</a>
                            </h4>
                        </div>
                    </div>
                </li> 
            </ul>
        </div>        
    	
    </div>
</div>

<!-- /Mobile Menu -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster  -->

<script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>


<!-- JS Plugin  -->
	
    <!-- Slidebar plugin -->
    <script src="<?php echo base_url(); ?>modules/Slidebars-master/slidebars.min.js" type="text/javascript"></script>
    
	<!-- Flexslider plugin -->
    <script src="<?php echo base_url(); ?>modules/FlexSlider-version-2.2/jquery.flexslider.js" type="text/javascript"></script> 
    
    <!-- Owl Carousel -->
    <script src="<?php echo base_url(); ?>modules/owl.carousel/owl-carousel/owl.carousel.js"></script>
    
<!-- All Custom JS -->
	<script src="<?php echo base_url(); ?>assets/js/custom.js" type="text/javascript"></script>

